<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Biscaya Template MultiPurpose</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/icons.css" rel="stylesheet">

<link id="main-color" href="css/skin-orange.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="img/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="img/ico/favicon.png">
</head>
<body class="boxed">

<div class="body">
	<!-- Navigation -->
	<header>
	<div class="container clearfix">
		<div class="row">
			<div class="col-md-12">
				<h1 class="brandlogo"><a href="index.html"><img src="img/logo.png" alt=""></a></h1>
				<div class="topinfo">
					<ul class="social-icons list-soc">
						<li><a href="#"><i class="icon-facebook"></i></a></li>
						<li><a href="#"><i class="icon-twitter"></i></a></li>
						<li><a href="#"><i class="icon-linkedin"></i></a></li>
						<li><a href="#"><i class="icon-google-plus"></i></a></li>
						<li><a href="#"><i class="icon-pinterest"></i></a></li>
					</ul>
					<div class="infophone">
						<i class="icon-phone"></i> Tel: +8 737 924 6035
					</div>
					<div class="infoaddress">
						 3953 Berkley Street, Fort Washington, 19034
					</div>
				</div>
				<div class="clearfix">
				</div>
				<div class="row-nav navbar">
					<div class="navbar-inner">
						<ul id="nav" class="nav">
							<li><a href="index.html">Home</a></li>
							<li class="divider-vertical"></li>
							<li class="active dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Templates <b class="caret"></b></a>
							<ul class="dropdown-menu js-activated" style="display: none;">
								<li class="selected"><a href="about.html">About Us</a></li>
								<li><a href="services.html">Services</a></li>
								<li><a href="faq.html">Knowledge Base</a></li>
								<li><a href="icons.html">Icons</a></li>
								<li><a href="testimonials.html">Testimonials</a></li>								
								<li><a href="404.html">404 Error</a></li>
								<!--.dropdown-->
							</ul>
							</li>
							<li class="divider-vertical"></li>
							<li><a href="elements.html">Elements</a></li>
							<li class="divider-vertical"></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Layouts <b class="caret"></b></a>
							<ul class="dropdown-menu js-activated" style="display: none;">
								<li><a href="columns.html">Columns</a></li>
								<li><a href="masonry4.html">Masonry 4</a></li>
								<li><a href="masonry3.html">Masonry 3</a></li>
								<li><a href="masonry2.html">Masonry 2</a></li>
								<!--.dropdown-->
							</ul>
							</li>
							<li class="divider-vertical"></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio <b class="caret"></b></a>
							<ul class="dropdown-menu js-activated" style="display: none;">
								<li><a href="portfolio.html">Portfolio List</a></li>
								<li><a href="projectdetail.html">Project Detail</a></li>
								<!--.dropdown-->
							</ul>
							</li>
							<li class="divider-vertical"></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a>
							<ul class="dropdown-menu js-activated" style="display: none;">
								<li><a href="bloghome.html">Blog Home</a></li>
								<li><a href="blogsingle.html">Single Post</a></li>
								<!--.dropdown-->
							</ul>
							</li>
							<li class="divider-vertical"></li>
							<li><a href="contact.html">Contact</a></li>
							<li class="divider-vertical"></li>
						</ul>
						<form id="search" action="search.php" method="GET">							
								<input type="text" onfocus="if(this.value =='Search here...' ) this.value=''" onblur="if(this.value=='') this.value='Search here...'" value="Search here..." name="s">
								<a href="#"></a>							
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	</header>
	<div class="text-center">
		<img src="img/sha.png" class="slidershadow" alt="">
	</div>
	<!-- /end header -->
	<div class="container">
		<div class="page-header">
			<h1>About Us</h1>
			<div class="headerdivider">
			</div>
		</div>
		<div class="row top30">
			<div class="col-md-6">
				<p>
					 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus.
				</p>
				<p class="panel">
					 Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est.
				</p>
				<p>
					 Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipisci. Praesent id metus ante, ut condimentum magna. Nam bibendum, felis eget.
				</p>
			</div>
			<div class="col-md-6 top5">
				<div class="flexslider">
					<ul class="slides">
						<li>
						<img src="img/demo/r1.jpg" alt="">
						</li>
						<li>
						<img src="img/demo/r2.jpg" alt="">
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="row top15">
			<div class="col-md-6">
				<div class="titleborder">
					<div>
						 Skills
					</div>
				</div>
				<ul id="skill">
					<li><span class="thebar progressdefault" style="width:100%;"></span>
					<h3><i class="icon-tag"></i> Financial Analysis</h3>
					</li>
					<li><span class="thebar progressdefault" style="width:80%;"></span>
					<h3><i class="icon-pushpin"></i> Consulting</h3>
					</li>
					<li><span class="thebar progressdefault" style="width:70%;"></span>
					<h3><i class="icon-ticket"></i> Tech Support</h3>
					</li>
					<li><span class="thebar progressdefault" style="width:50%;"></span>
					<h3><i class="icon-legal"></i> Legal Department</h3>
					</li>
				</ul>
			</div>
			<div class="col-md-6">
				<div class="titleborder">
					<div>
						 Mission
					</div>
				</div>
				<div class="box effect2 bottom0">
					<i class="icon-quote-left icon-4x pull-left icon-muted"></i>
					<p>
						 Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all of them in any combination to get lots of new possibilities.
					</p>
					<p>
						 Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. Or spinning icons for loading.
					</p>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="titleborder top20">
					<div>
						 Team
					</div>
				</div>
			</div>
			<div class="col-md-4 left0">
				<div class="thumbnail">
					<img src="img/demo/team1.jpg" alt="">
					<div class="caption">
						<h4>Ralph P. Peters</h4>
						<span class="primarycol">- Manager at Company -</span>
						<p>
							 Praesent id metus ante, ut condimentum magna. Nam bibendum, felis eget.<br>
						</p>
						<ul class="social-icons">
							<li><a href="#"><i class="icon-envelope"></i></a></li>
							<li><a href="#"><i class="icon-facebook"></i></a></li>
							<li><a href="#"><i class="icon-twitter"></i></a></li>
							<li><a href="#"><i class="icon-linkedin"></i></a></li>
							<li><a href="#"><i class="icon-google-plus"></i></a></li>
							<li><a href="#"><i class="icon-pinterest"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-md-4">
				<div class="thumbnail">
					<img src="img/demo/team2.jpg" alt="">
					<div class="caption">
						<h4>Emma M. Coffey</h4>
						<span class="primarycol">- Lawyer at Construct Inc -</span>
						<p>
							 Praesent id metus ante, ut condimentum magna. Nam bibendum, felis eget.<br>
						</p>
						<ul class="social-icons">
							<li><a href="#"><i class="icon-envelope"></i></a></li>
							<li><a href="#"><i class="icon-facebook"></i></a></li>
							<li><a href="#"><i class="icon-twitter"></i></a></li>
							<li><a href="#"><i class="icon-linkedin"></i></a></li>
							<li><a href="#"><i class="icon-google-plus"></i></a></li>
							<li><a href="#"><i class="icon-pinterest"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-md-4">
				<div class="thumbnail">
					<img src="img/demo/team3.jpg" alt="">
					<div class="caption">
						<h4>Eugene B. Bedwell</h4>
						<span class="primarycol">- Owner of Biscaya -</span>
						<p>
							 Praesent id metus ante, ut condimentum magna. Nam bibendum, felis eget.<br>
						</p>
						<ul class="social-icons">
							<li><a href="#"><i class="icon-envelope"></i></a></li>
							<li><a href="#"><i class="icon-facebook"></i></a></li>
							<li><a href="#"><i class="icon-twitter"></i></a></li>
							<li><a href="#"><i class="icon-linkedin"></i></a></li>
							<li><a href="#"><i class="icon-google-plus"></i></a></li>
							<li><a href="#"><i class="icon-pinterest"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- FOOTER BEGIN
================================================== -->
	<div class="footer footerdark">
		<div class="text-center wraptotop">
			<a class="totop"><i class="icon-chevron-up"></i></a>
		</div>
		<div class="container">
			<!-- 1st row -->
			<div class="row">
				<div class="col-md-4">
					<h1 class="title"><i class="icon-heart"></i> About us</h1>
					<hr>
					<p>
						 Introducing a premium HTML5 & CSS3 template for multipurpose use. Responsive layout, professional design & lots of features.
					</p>
					<p>
						 Made with love by  WowThemesNet .
					</p>
					<p class="footerlogo">
						 Biscaya
					</p>
				</div>
				<div class="col-md-4">
					<h1 class="title">Testimonials</h1>
					<hr>
					<div id="quotes">
						<div class="textItem">
							<div class="avatar">
								<img src="img/demo/test1.png" alt="avatar">
							</div>
							 "Before turning to those moral and mental aspects of the matter which present the greatest difficulties, let the inquirer begin by mastering more elementary problems.<span style="font-family:arial;">"</span><br/><b> Jesse T, Los Angeles </b>
						</div>
						<div class="textItem">
							<div class="avatar">
								<img src="img/demo/test2.gif" alt="avatar">
							</div>
							 "How often have I said to you that when you have eliminated the impossible, whatever remains, however improbable, must be the truth?<span style="font-family:arial;">"</span><br/><b>Ralph G. Flowers </b>
						</div>
						<div class="textItem">
							<div class="avatar">
								<img src="img/demo/test1.png" alt="avatar">
							</div>
							 "It is a capital mistake to theorize before one has data. Insensibly one begins to twist facts to suit theories, instead of theories to suit facts.<span style="font-family:arial;">"</span><br/><b>Kerry I. McClanahan </b>
						</div>
						<div class="textItem">
							<div class="avatar">
								<img src="img/demo/test2.gif" alt="avatar">
							</div>
							 "We must fall back upon the old axiom that when all other contingencies fail, whatever remains, however improbable, must be the truth.<span style="font-family:arial;">"</span><br/><b>Randy K. Deleon </b>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<h1 class="title">Questions?</h1>
					<hr>
					<div class="done">
						<div class="alert alert-success">
							<button type="button" class="close" data-dismiss="alert">×</button>
							Your message has been sent. Thank you!
						</div>
					</div>
					<form method="post" action="contact.php" id="contactform">
						<div class="form">
							<div class="controls controls-row">
								<input class="col-md-6" type="text" name="name" placeholder="Name">
								<input class="col-md-6" type="text" name="email" placeholder="E-mail">
							</div>
							<div class="controls">
								<textarea class="col-md-12" name="comment" rows="4" placeholder="Message"></textarea>
							</div>
							<input type="submit" id="submit" class="btn" value="Send">
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- 2nd row -->
	<div class="footerbottom footerbottomdark">
		<div class="container">
			<div class="row">
				<!-- left -->
				<div class="col-md-4 smallspacetop">
					<p class="smaller">
						<span class="copyright">© </span> Copyright 2016 Biscaya. Be nice.
					</p>
				</div>
				<!-- right -->
				<div class="col-md-8 smallspacetop">
					<div class="pull-right smaller">
						<ul class="footermenu">
							<li><a href="#">Home</a></li>
							<li><a href="#">Work</a></li>
							<li><a href="#">Pages</a></li>
							<li><a href="#">Blog</a></li>
							<li><a href="#">Contact</a></li>
						</ul>
					</div>
					<div class="clearfix">
					</div>
				</div>
				<!-- end right -->
			</div>
		</div>
	</div>
	<!-- FOOTER END
================================================== -->
</div>
<!-- /.body -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/plugins.js"></script>
<script src="js/custom.js"></script>

<!--BEGIN DEMO PANEL

================================================== -->

<!-- Style Switcher Files-->

<link rel="stylesheet" href="css/style-switcher.css" media="screen"/>

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-colorpicker/2.5.3/css/bootstrap-colorpicker.min.css" media="screen"/>

<script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

<script type="text/javascript" src="https://cdn.bootcss.com/bootstrap-colorpicker/2.5.3/js/bootstrap-colorpicker.min.js"></script>
<script type="text/javascript" src="js/styleswitch.js"></script>

<script type="text/javascript" src="js/switcher.js"></script>

<!-- DEMO PANEL -->

<div id="switcher-handle">

	<a class="" id="handle" href="#">feedback</a>

	<div id="style-switcher">

		<div id="switcher-header">

			<p>

				Theme Options

			</p>

		</div>

		<div id="switcher-body">

			<p>

				<strong>Layout Style</strong>

			</p>

		<select id="layout">		   

		  <option value="boxed">Boxed</option>

		  <option value="wide">Wide</option>		  

		</select>

		

			<p>

				<strong>Color Schemes</strong>

			</p>

			

			<div class="colors-holder">

				<a href="#" class="color-box" data-rel="e7402f"></a>

				<a href="#" class="color-box" data-rel="0E8FAB"></a>				

				<a href="#" class="color-box" data-rel="44cfc8"></a>				

				<a href="#" class="color-box" data-rel="9DC500"></a>				

				<a href="#" class="color-box" data-rel="76719a"></a>				

				<a href="#" class="color-box" data-rel="f2a020"></a>

				<a href="#" class="color-box" data-rel="33bee5"></a>				

				<a href="#" class="color-box" data-rel="e44884"></a>

				<a href="#" class="color-box" data-rel="18adb5"></a>				

				<a href="#" class="color-box" data-rel="f0b70c"></a>

				

				<a href="#" class="color-box" data-rel="346b7f"></a>

				<a href="#" class="color-box" data-rel="aecdcf"></a>

				<a href="#" class="color-box" data-rel="be9869"></a>

				<a href="#" class="color-box" data-rel="bf6c2f"></a>				

				<a href="#" class="color-box" data-rel="1abc9c"></a>				

				<a href="#" class="color-box" data-rel="7f8c8d"></a>				

				<a href="#" class="color-box" data-rel="b4ad7f"></a>				

				<a href="#" class="color-box" data-rel="fe6c6c"></a>				

				<a href="#" class="color-box" data-rel="e66a47"></a>

				<a href="#" class="color-box" data-rel="50e9f3"></a>

			</div>

			<div class="switcher-divider">

			</div>

			

			<p>

				<strong>Bg Patterns (for boxed)</strong>

			</p>

			<div class="colors-holder">

				<a data-rel="1" class="bg-box" href="#"></a>

				<a data-rel="2" class="bg-box" href="#"></a>

				<a data-rel="3" class="bg-box" href="#"></a>

				<a data-rel="4" class="bg-box" href="#"></a>

				<a data-rel="5" class="bg-box" href="#"></a>

				<a data-rel="6" class="bg-box" href="#"></a>

				<a data-rel="7" class="bg-box" href="#"></a>

				<a data-rel="8" class="bg-box" href="#"></a>

				<a data-rel="9" class="bg-box" href="#"></a>

				<a data-rel="10" class="bg-box" href="#"></a>

				<a data-rel="11" class="bg-box" href="#"></a>

				<a data-rel="12" class="bg-box" href="#"></a>

				<a data-rel="13" class="bg-box" href="#"></a>

				<a data-rel="14" class="bg-box" href="#"></a>

				<a data-rel="15" class="bg-box" href="#"></a>

				<a data-rel="16" class="bg-box" href="#"></a>

				<a data-rel="17" class="bg-box" href="#"></a>

				<a data-rel="18" class="bg-box" href="#"></a>

				<a data-rel="19" class="bg-box" href="#"></a>

				<a data-rel="20" class="bg-box" href="#"></a>

				<a data-rel="21" class="bg-box" href="#"></a>

				<a data-rel="22" class="bg-box" href="#"></a>

				<a data-rel="23" class="bg-box" href="#"></a>

				<a data-rel="24" class="bg-box" href="#"></a>

			</div>

		

		

		<div class="switcher-divider">

			</div>

			

			<p>

				<strong>Bg Images (for boxed)</strong>

			</p>

			<div class="colors-holder">

			<a data-rel="pic1" class="bgimg-box" href="#"></a>

			<a data-rel="pic2" class="bgimg-box" href="#"></a>

			<a data-rel="pic3" class="bgimg-box" href="#"></a>

			<a data-rel="pic4" class="bgimg-box" href="#"></a>

			<a data-rel="pic5" class="bgimg-box" href="#"></a>

			<a data-rel="pic6" class="bgimg-box" href="#"></a>

			<a data-rel="pic7" class="bgimg-box" href="#"></a>

			<a data-rel="pic8" class="bgimg-box" href="#"></a>

			<br/><br/>

			</div>

			

		</div>	

			

		<div id="switcher-footer">

			<p>

				<a href="http://www.upare.com/" target="_blank"><img src="https://static.upare.com/upare/img/logowowthemes.png"></a>



			</p>

		</div>

	</div>

</div>

<!-- END DEMO PANEL-->
<!-- CALL FLEXSLIDER -->
<script type="text/javascript">
  $(window).load(function() {
	$('.flexslider').flexslider({
	pauseOnHover: false,    
	slideshow: true,                //Boolean: Animate slider automatically
	slideshowSpeed: 4000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
	animationSpeed: 1300,
	animation: "slide",              //String: Select your animation type, "fade" or "slide"
	easing: "swing",               //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
	direction: "horizontal",
	controlNav: false,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
	directionNav: true
	});
  });
</script>


</body>
</html>